<?php
/**
 *
 * PHP 5
 *
 * CakePHP(tm) : Rapid Development Framework (http://cakephp.org)
 * Copyright (c) Cake Software Foundation, Inc. (http://cakefoundation.org)
 *
 * Licensed under The MIT License
 * For full copyright and license information, please see the LICENSE.txt
 * Redistributions of files must retain the above copyright notice.
 *
 * @copyright     Copyright (c) Cake Software Foundation, Inc. (http://cakefoundation.org)
 * @link          http://cakephp.org CakePHP(tm) Project
 * @package       app.View.Layouts
 * @since         CakePHP(tm) v 0.10.0.1076
 * @license       MIT License (http://www.opensource.org/licenses/mit-license.php)
 */
$cakeDescription = __d('cake_dev', 'CakePHP: the rapid development php framework');
?>
<!DOCTYPE html>
<html>
    <head>
        <?php echo $this->Html->charset(); ?>
        <title>
            <?php echo $cakeDescription ?>:
            <?php echo $title_for_layout; ?>
        </title>
        <?php
        echo $this->Html->meta('icon');
        echo $this->Html->css('cake.generic');
        echo $this->Html->css('jquery-ui-1.10.3.custom');

        echo $this->fetch('meta');
        echo $this->fetch('css');
        echo $this->fetch('script');

        echo $this->Html->script('jquery-1.9.1');
        echo $this->Html->script('jquery-ui-1.10.3.custom');
        ?>
        <style>

            html,body
            {
                margin: 0px 0px 0px 0px; 
                padding:0px;
                height:100%;
                font-size:85%;

            }
            #factura
            {
                width: 95%;
                height:400px;    
                background: #D2E0E6;
                border: 1px solid #999999;
                padding: .5em;
                padding-bottom: 2em;
                margin:auto;
            }

            #cabecera
            {
                width: 95%;
                height: 90px;
                margin: auto;
                font-size:75%;

            }

            #cab_izq
            {
                float: left;
                width: 65%;
                height: 100%;
                background: #bcd5e6;
                border: 1px solid #999999;
                margin:auto;

            }
            #fecha
            {
                width: 10%;
                height: 5px;
                margin-top: 1em;
                font-size:75%;

            }

            #cab_der
            {
                float:  right;
                width: 30%;
                height: 100%;
                background:  #bcd5e6;
                border: 1px solid #999999;
                margin:auto;

            }
            .input_text
            {
                width: 35%;
                height: 10px;
                margin-top: 1em;

            }
            .botones
            {
                margin-left: 3em;
                font-size:90%;
            }

            #detalle_factura
            {

                width: 95%;
                margin:auto;
                background:  #bcd5e6;
                border: 1px solid #999999;
                height: 200px;
            }
            #tabla_detalle_factura td
            {
                border-right:1px solid #999999;
            }

            #total
            {
           
                width: 30%;
                float: right;
                
            }
            #input_total
            {
                width: 25%;
                height: 10px;
             margin-top: 1em;
            }
            




        </style>
        <script>
            $(function() {
                //icono del los botones
                $("#agregar").button({
                    icons: {
                        primary: "ui-icon-plusthick"
                    },
                    text: false
                });
                $("#editar").button({
                    icons: {
                        primary: "ui-icon-pencil"
                    },
                    text: false
                });
                $("#eliminar").button({
                    icons: {
                        primary: "ui-icon-closethick"
                    },
                    text: false
                });


                $("#fecha").datepicker({
                    dateFormat: 'yy-mm-dd'
                });

            });
        </script>
    </head>
    <body>    
        <div id="container">
            <div id="header">
                <h1><?php echo $this->Html->link($cakeDescription, 'http://cakephp.org'); ?></h1>
            </div>
            <div id="content">
                <p>
                    <?php echo $this->Html->link('Productos', array('controller' => 'Productos')); ?>
                    <?php echo $this->Html->link('Facturas', array('controller' => 'Facturas')); ?>
                    <?php echo $this->Html->link('Categorias', array('controller' => 'Categorias')); ?>
                </p>
                <?php echo $this->Session->flash(); ?>

                <?php echo $this->fetch('content'); ?>
            </div>
            <div id="footer">
                <?php
                echo $this->Html->link(
                        $this->Html->image('cake.power.gif', array('alt' => $cakeDescription, 'border' => '0')), 'http://www.cakephp.org/', array('target' => '_blank', 'escape' => false)
                );
                ?>
            </div>
        </div>	
    </body>
</html>
